import React, { Component } from 'react';
import { connect } from 'react-redux';
import {fromJS} from 'immutable';
import { List } from 'antd-mobile';
const Item = List.Item;
class ListExample extends  Component {
    render() {
        return (<div>
            <List renderHeader={() => 'Basic Style'} className="my-list">
                <Item arrow="horizontal"
                    onClick={() => { this.props.history.push("/personchangeInfo");}}>修改个人信息</Item>
                <Item arrow="horizontal" onClick={() => { }}>Title</Item>
                <Item
                    thumb="https://zos.alipayobjects.com/rmsportal/dNuvNrtqUztHCwM.png"
                    arrow="horizontal"
                    onClick={() => { }}
                >My wallet</Item>
                <Item
                    thumb="https://zos.alipayobjects.com/rmsportal/UmbJMbWOejVOpxe.png"
                    onClick={() => { }}
                    arrow="horizontal"
                >
                    My Cost Ratio
                </Item>
            </List>
        </div>);
    }
}
const mapStateToProps = (state, ownProps) => {
    state= fromJS(state);
    return {};
};
const mapDispatchToProps = (dispatch, ownProps) => {
    return {};
};
export default connect(mapStateToProps, mapDispatchToProps)(ListExample);